<template>
  <a-timeline-item
    :color="color"
    :dot="dot"
    :label="label"
    :position="position"
  >
    <template v-if="$slots.dot" #dot>
      <slot name="dot" />
    </template>
    <template v-if="$slots.label" #label>
      <slot name="label" />
    </template>
    <slot />
  </a-timeline-item>
</template>

<script>
import { defineComponent } from 'vue'
import { TimelineItem } from 'ant-design-vue'
export default defineComponent({
  name: 'ZTimelineItem',
  components: {
    ATimelineItem: TimelineItem
  },
  props: {
    color: {
      type: String,
      default: undefined
    },
    dot: {
      type: String,
      default: undefined
    },
    label: {
      type: String,
      default: undefined
    },
    position: {
      type: String,
      default: undefined
    }
  }
})
</script>
